<template>
    <div class="indexcontent">
        <pageHeader ref="header"></pageHeader>
        <div class="section option-section">
            <div class="section-main option-main">
                <div class="pagerouter">
                    <router-link tag="a" :to="{name:'index'}" class="pagerouter-item pagerouter-a">首页</router-link>
                    <span class="pagerouter-arrow">></span>
                    <span class="pagerouter-item">安全设置</span>
                </div>
                <div class="option-wrap">
                    <div class="option-tl">
                        <div class="option-tlsm">安全设置</div>
                    </div>
                    <div class="option-bd safewrap">
                        <div class="clearfix safe-item">
                            <span class="safe-levtl">安全级别</span>
                            <span class="safe-levbd">
                                    <span class="safe-levnum"></span>
                                </span>
                            <span class="safe-levft">低</span>
                        </div>
                        <div class="clearfix safe-item">
                            <div class="safe-row safe-row1"><img src="@/assets/images/erricon.png" alt="">未认证</div>
                            <div class="safe-row safe-row2">实名认证</div>
                            <div class="safe-row safe-row3">保障账户安全，确认客户身份。</div>
                            <div class="safe-row safe-row4">
                                <span class="safe-itembtn">实名认证</span>
<!--                                <span class="safe-itemwords" @click="toAccount">查看</span>-->
                            </div>
                        </div>
                        <div class="clearfix safe-item">
                            <div class="safe-row safe-row1"><img src="@/assets/images/login-icon4.png" alt="">已设置</div>
                            <div class="safe-row safe-row2">登录密码</div>
                            <div class="safe-row safe-row3">登录账户时需要填写的密码，建议定期更换登录密码。</div>
                            <div class="safe-row safe-row4">
                                <router-link tag="span" :to="{name:'Optionchangepass'}" class="safe-itemwords">修改</router-link>
                            </div>
                        </div>
                        <div class="clearfix safe-item">
                            <div class="safe-row safe-row1"><img src="@/assets/images/login-icon4.png" alt="">已认证</div>
                            <div class="safe-row safe-row2">手机认证</div>
                            <div class="safe-row safe-row3">保障账户安全，并及时获取账户资金变动通知和状态讯息</div>
                            <div class="safe-row safe-row4">
                                <router-link tag="span" :to="{name:'Optionchangephone'}" class="safe-itemwords">更换</router-link>
                            </div>
                        </div>
                    </div>
                    <div class="option-ft">

                    </div>
                </div>
            </div>
        </div>
        <pageFooter/>
    </div>
</template>

<script>
    import pageHeader from '@/components/pageHeader'
    import pageFooter from '@/components/pageFooter'
    import {mapMutations} from 'vuex'

    export default {
        name: 'safecenter',
        components: {
            pageHeader,
            pageFooter
        },
        data() {
            return {}
        },
        created() {

        },
        computed: {},

        mounted() {

        },
        beforeDestroy() {

        },
        methods: {
            toAccount(){
                this.$router.push({
                    name:'Accountcenter'
                })
            }
        }
    }
</script>

<style scoped lang="scss">

</style>
